<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="spring,Spring,java,web,程序员,博客,IT,技术,移动开发,Web前端,企业架构,编程语言,互联网,数据库,技术博客,blog,分布式架构,分布式">
		<meta name="description" content="cdcoder是一个程序员学习交流平台，深度IT技术博客，移动开发博客,Web前端博客,企业架构博客,编程语言博客,互联网博客,数据库博客,IT blog,核心关注IT知识传播，共享。为更好的IT产业贡献一份微薄的力量。">
			<link rel="shortcut icon" href="/img/code.ico" />
		<link rel="bookmark"href="/img/code.ico" />
		<title>java相关知识</title>
		<link href="../css/index.css" rel="stylesheet">
		<style>
			body {
				font-size: 16px;
				font: 400 16px/1.62 Georgia, "Xin Gothic", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", sans-serif;
				font-family: 'PT serif', 微軟正黑體, 微软雅黑, 华文细黑, Microsoft Yahei, Hiragino Sans GB, sans-serif;
				color: #D0CCCC;

				text-shadow: 0px 0px 1px rgba(24, 22, 22, 0.35);
				background-color: #000;
			}
		</style>
	</head>
	<body>

		<header>
			<div class="logo"><a href="/index.html">徐思润博客</a></div>
		<nav>
			<ul id="starlist">
				<li><a href="/java/index.html">java</a></li>
				<li><a href="/data/index.html">算法与数据结构</a></li>
				<li><a href="/db/mysql.html">数据库</a></li>
				<li><a href="/distribution/index.html">分布式</a></li>
				<li><a href="/framework/index.html">架构</a></li>
				<li><a href="/interview/index.html">面试与被面试</a></li>
				<li><a href="/live/index.html">日常生活</a></li>
				<li><a href="/about.html">关于我</a></li>
				<li><a href="/baby/index.html">baby墙</a></li>
			</ul>
		</nav>
		</header>
		<div style="text-align: center;">
		<h1>JAVA的基础知识总结</h1>
		<pre>点击节点可查看详情</pre>
			</div>
		<div class="box" style="min-height:1200px;" id="main">
		</div>
		<footer>
			<p>Design by <a href="http://cdcoder.cn" target="_blank">徐思润个人博客</a> </p>
			<p>备案号：<a href="/">蜀ICP备15014105号-1</a></p>
				<script type="text/javascript" src="https://s96.cnzz.com/z_stat.php?id=1277229191&web_id=1277229191"></script>
		</footer>
		<script src="../js/jquery.js"></script>
		<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>
		<script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
		<script src="../js/java.js"></script>
		<script>
			var myChart = echarts.init(document.getElementById('main'));
			myChart.showLoading();
			myChart.hideLoading();
			myChart.setOption(option = {
				tooltip: {
					trigger: 'item',
					triggerOn: 'mousemove'
				},
				textStyle: {
					color: '#FFD700'
				},
				legend: {
					top: '2%',
					left: '3%',
					orient: 'vertical',
					data: [{
						name: 'JAVA基础知识',
						icon: 'triangle'
					}],
					textStyle: {
						color: '#FFD700'
					},
					borderColor: '#FFD700'
				},
				series: [{
					type: 'tree',
					name: 'JAVA基础知识',
					data: [data2],
					itemStyle: {
						// 点的颜色。
						color: '#FFD700'
					},
					// top: '20%',
					// left: '60%',
					bottom: '22%',
					right: '30%',

					symbolSize: 7,
					textStyle: {
						color: '#FFD700'
					},
					label: {
						normal: {
							position: 'left',
							verticalAlign: 'middle',
							align: 'right'
						},
						color: '#FFD700'

					},

					leaves: {
						label: {
							normal: {
								position: 'right',
								verticalAlign: 'middle',
								align: 'left'
							},
							itemStyle: {
								// 点的颜色。
								color: '#FFD700'
							},

						},
						textStyle: {
							color: '#FFD700'
						}
					},

					expandAndCollapse: true,

					animationDuration: 550,
					animationDurationUpdate: 750
				}]
			});
			myChart.on('click', function(params) {
				java_json.forEach(o => {
					if (params.data.id == o.id) {
						var index = layer.open({
							type: 1,
							title: "关闭在右侧--看不全可以放大",
							area: '516px',
							closeBtn: 2,
							// skin: 'layui-layer-nobg',
							shadeClose: true,
							maxmin: true,
							content: o.html
						});
						// layer.full(index);
					}
				})
			});
		</script>
	</body>
</html>
